/**
 * 目标1：验证码登录
 * 1.1 在 utils/request.js 配置 axios 请求基地址
 * 1.2 收集手机号和验证码数据
 * 1.3 基于 axios 调用验证码登录接口
 * 1.4 使用 Bootstrap 的 Alert 警告框反馈结果给用户
 */

document.querySelector('.btn').addEventListener('click', () => {
  const form = document.querySelector('.login-form');
  const data = serialize(form, {hash: true,empty: true});
  console.log(data);
  if(data.mobile.length !== 11) {
    myAlert(false, '手机号长度要11位');
    return;
  }
  if(data.code.length !== 6) {
    myAlert(false, '验证码长度要6位');
    return;
  }
  axios({
    url: '/v1_0/authorizations',
    method:'post',
    data
  }).then(result => {
    console.log(result);
    myAlert(true, '登录成功');

    // 登录成功后，保存 token 令牌在本地存储
    localStorage.setItem('token', result.data.token);
    setTimeout(() => {
      // 延迟跳转，让alert警告框停留一会儿
       location.href = '../content/index.html';
    },1500)
    
  }).catch(error => {
    console.dir(error.response.data.message);
    myAlert(false, error.response.data.message);
  })
})
